iT邦幫忙

2026 iThome 鐵人賽

DAY 14
0
ChatGPT & Codex

使用ChatGPT&Codex做出APP系列 第 14 篇

Day14|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 : 編輯照片頁面

  • 分享至 

  • xImage
  •  

要來面對這個地方了,最初的想法是希望編輯照片的時候可以像在電腦用PS或Ai一樣,可以把參考圖放在旁邊,或是像 procreate 有參照可以縮小放在旁邊,但手機畫面太小好像不可行,但還是想要有可以參考的功能,所以在嘗試排版。
因為之前有做相簿放挑選的照片,所以把挑選要編輯照片的地方讓用戶可以選擇手機裡的照片或是已經經過篩選後的相簿裡的照片,也有分成要編輯單張照片或是選擇多張照片進行排版,但 UI 都還正在調整中 Codex 額度已經不夠用了😿。
https://ithelp.ithome.com.tw/upload/images/20261011/20184304oY4nkioheN.png
一開始還看不到手機的照片都是空格,還有排版讓他縮上面的空白處也溝通了很多遍。
https://ithelp.ithome.com.tw/upload/images/20261011/20184304Ngr3TGbtrd.png
https://ithelp.ithome.com.tw/upload/images/20261011/20184304Ig8DixdXhb.png
我請他參考平常使用的修圖軟體編輯照片區域的排版,放上收藏的貼圖跟顏文字,參考圖還在想要不要做在下面這一列。但現在介面還很陽春,貼圖跟顏文字還不能調整大小,點擊會移除(他幫我設定的...),
https://ithelp.ithome.com.tw/upload/images/20261011/201843047wlVZgHpjo.png
然後讓他修改成點擊再出現功能,平時維持版面的簡潔,最後請他幫我做匯出功能,保存編輯後的照片至手機相簿內。
https://ithelp.ithome.com.tw/upload/images/20261011/20184304J1RfwOovF3.png
有確實匯出存在手機相簿內,但保存的照片還有貼圖的編輯外框虛線,還滿像半成品的,目前編輯照片區域的功能還不完善,會再慢慢新增,剛剛也有讓他改了一下讓照片可以縮放跟移動。
還想新增:

  • 圖層
  • 新增圖片
  • 裁切
    等等等功能

上一篇
Day13|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 : 放棄 Spotify 登入改用上傳連結
下一篇
Day15|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 : 增加編輯照片頁功能
系列文
使用ChatGPT&Codex做出APP 共 30 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言